<!-- 我的审核 -->
<template>
  <div>
    <devArticle>
      <Tabs value="name1">
        <TabPane label="正在审核" name="name1">
          <Card :bordered="false">
            <p slot="title">正在审核</p>
            <p>
              <Table border :columns="columns1" :data="data1"></Table>
            </p>
            <Row style="padding:10px 0">
              <Col span="24">
              <Page style="float:right" :total="100" show-total />
              </Col>
            </Row>
          </Card>
        </TabPane>
        <TabPane label="已审核" name="name2">
          <card>
            <p slot="title">已审核</p>
            <Row>
              <Col span="2">
              <h3>审核日期</h3>
              </Col>
              <Col span="3">
              <TimePicker type="time" placeholder="开始时间" style="width: 168px"></TimePicker>
              </Col>
              <Col span="3">
              <TimePicker type="timerange" placement="bottom-end" placeholder="结束时间" style="width: 168px"></TimePicker>
              </Col>
              <Col style="border:1px #e8eaec solid;text-align: center;padding:5px 0" span="4">总计</Col>
              <Col style="border:1px #e8eaec solid;text-align: center;padding:5px 0" span="4">30个报告书20个报告表</Col>
              <Col style="border:1px #e8eaec solid;text-align: center;padding:5px 0" span="4">绩效8000</Col>
            </Row>
            <Table border :columns="columns2" :data="data2" style="margin-top: 10px"></Table>
            <Row style="padding:10px 0">
              <Col span="24">
              <Page style="float:right" :total="100" show-total />
              </Col>
            </Row>
          </card>
        </TabPane>
      </Tabs>
    </devArticle>
  </div>
</template>
<script type="text/javascript">
export default {
  data() {
    return {
      columns1: [{
          align: "center",
          title: '项目编号',
          key: 'date',
        },
        {
          align: "center",
          title: '项目名称',
          key: 'name'
        },
        {
          align: "center",
          title: '公司级别',
          key: 'rank',
        },
        {
          align: "center",
          title: '状态',
          key: 'state',
        },
        {
          align: "center",
          title: '操作',
          key: 'operation',
          render: (h, params) => {
            return h("div", [
              h(
                "Button", {
                  props: {
                    type: "primary",
                    size: "small"
                  },
                  style: {
                    marginRight: "5px",
                    color: "#ffffff",
                    background: "#2996ff",
                    border: "none",
                    padding: "0px 5px"
                  },
                  on: {
                    click: () => {
                      this.show(params.index);
                    }
                  }
                },
                "查看"
              ),
              h(
                "Button", {
                  props: {
                    type: "primary",
                    size: "small"
                  },
                  style: {
                    marginRight: "5px",
                    color: "#ffffff",
                    background: "#19be6b",
                    border: "none",
                    padding: "0px 5px"
                  },
                  on: {
                    click: () => {
                      /* 审核 */
                      this.audit(params.index);
                    }
                  }
                },
                "审核"
              )
            ])
          }
        },
      ],
      columns2: [{
          title: '序号',
          key: 'num',
          align: 'center'
        },
        {
          title: '项目编号',
          key: 'iden',
          align: 'center'
        },
        {
          title: '项目名称',
          key: 'name',
          align: 'center'
        },
        {
          title: '公司级别',
          key: 'level',
          align: 'center'
        },
        {
          title: '报告类型',
          key: 'type',
          align: 'center'
        },
        {
          title: '审批部门',
          key: 'exam',
          align: 'center'
        },
        {
          title: '状态',
          key: 'state',
          align: 'center'
        },
        {
          title: '审核日期',
          key: 'time',
          align: 'center'
        },
        {
          title: '审核绩效',
          key: 'perfor',
          align: 'center'
        },
        {
          title: '操作',
          key: '1',
          align: 'center',
          render: (h, params) => {
            return h("div", [
              h(
                "Button", {
                  props: {
                    type: "primary",
                    size: "small"
                  },
                  on: {
                    click: () => {
                      this.show(params.index);
                    }
                  }
                }, '查看'
              )
            ])
          }
        }
      ],
      data1: [{
          date: '0000000',
          name: '某某某某项目',
          rank: '河南分公司',
          state: '初审'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
        {
          date: '0000000',
          name: '某某某某项目',
          rank: '总公司',
          state: '检查资料'
        },
      ],
      data2: [{
        num: '1',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '2',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '3',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '4',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '5',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '6',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '7',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '8',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '9',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',

      }, {
        num: '10',
        iden: '201800000',
        name: '某项目',
        level: '河南分公司',
        type: '报告单',
        exam: '河南分公司',
        state: '初审',
        time: '2018-9-01',
        perfor: '200',
      }]
  }
  },
  methods: {
    audit(index) {
      console.log(index)
      this.$router.push('/Mypro/MyFirstInstance')
    }
  }
};


</script>
<style>
</style>
